﻿@{
    HtmlHelper.ClientValidationEnabled = true;
    HtmlHelper.UnobtrusiveJavaScriptEnabled = true;
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>@*<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />*@
    <link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" />
    <style type="text/css">
        
    </style>
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.cookie.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/MicrosoftAjax.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/MicrosoftMvcAjax.js")" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('.button').button();

            $('#btnAddProduct').button({
                icons: {
                    primary: "ui-icon-plus"
                },
                text: false
            });
        });
    </script>
    @RenderSection("head", false)
</head>
<body>
    <div id="header" style="border-bottom: 1px solid Gray;">
        <span>ScrumTracker</span>
        <select id="sprints">
            <option value="" label="Select sprint..." />
            @foreach (var product in SessionHelper.Products)
            {
                <optgroup label="@product.Name">
                    @foreach (var sprint in product.Sprints)
                    {
                        <option class="sprint" label="@sprint.Name" value="@sprint.SprintId" />
                    }
                </optgroup>
            }
        </select>
        <a href="#">manage</a>
    </div>
    <div style="float: left; width: 256px; padding: 0; padding-right: 16px; margin: 16px 0 16px 16px;">
        <div class="ui-widget ui-widget-content ui-corner-all" style="padding: 0.2em;">
            <div class="ui-widget-header ui-corner-all" style="padding: 0.5em 1em;">
                Products <a id="btnAddProduct" style="float: right; width: 16px; height: 16px;" href="#">Add</a>
            </div>
            <ul class="" style="list-style-type: none; margin: 0; margin-top: 0.2em; padding: 0;">
                @foreach (var product in SessionHelper.Products)
                {
                    <li>
                        <a class="button .ui-helper-reset ui-helper-clearfix @(product.ProductId == ViewBag.ProductId ? "ui-state-highlight" : "")" style="display: block; margin-top: 0.2em; text-align: left;" href="@Url.Action("Edit", new { @id = product.ProductId })">
                            @product.Name
                        </a>
                    </li>
                }
            </ul>
        </div>
    </div>
    <div style="margin: 16px 0 16px 288px; padding: 0; padding-right: 16px">
        @foreach (var item in TempData.Where(i => i.Key == "notice"))
        {
            <div>@item.Value</div>
        }
        @RenderBody()
    </div>
    <div style="clear: both;">
    </div>
</body>
</html>
